<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>多益商城</title>
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/font/iconfont.css">
    <link rel="stylesheet" href="/css/shopList.css">
</head>
<body>
    <header></header>
    <main>
        <div class="shop" id="shop-detail">
            
        </div>
        <a href="/html/shopCar.html" class="a-car">
            <i></i>
            <span class="a-car-num">0</span>
        </a>
        
        <script type="text.html" id="shop-detail-template">
            <div class="crumbs">
                <a href="javascript:;">&lt;返回</a>
            </div>
            <div class="detail-intro">
                <div class="intro-left">
                    <div class="small-box">
                        <img src="{{image}}" alt="">
                        <span></span>
                    </div>
                    <div class="big-box">
                        <img src="{{image}}" alt="">
                    </div>
                    <ul class="detail-thumbnail">
                        {{each photo img,index}}
                        <li  class="{{index ===0 ? 'ac' : ''}}">
                            <img src="{{img.url}}" alt="">
                        </li>
                        {{/each}}
                    </ul>
                </div>
                <div class="intro-right">
                    <h3 class="commodity-title" data-status="1" data-id="53">{{title}}</h3>
                    {{if commodityHint!=null}}
                    <p class="intro-content">{{commodityHint.text}}</p>
                    {{else}}<p class="intro-content">{{coupon.couponText}}</p>
                    {{/if}}
                    <div id="detailOption" class="detail-option" data-id="53">
                        <div class="detail-block">
                            <p class="detail-option-price">
                            <span><span id="presentPrice" class="present-price">￥ {{price}}</span><span id="originPrice" class="origin-price"></span></span>
                            </p>
                            <p class="server-intro">
                                <label>服务：</label>
                                {{each accessoryHints sp}}
                                    <span>{{sp}}</span>
                                {{/each}}
                            </p>
                        </div>  
                        <p class="detail-option-num">
                            <label data-stock="291">数量：</label>
                            <span class="option-num-reduce"><i></i></span>
                                <input class="detail-commodity-num" type="text" value="1">
                            <span class="option-num-add"><i></i></span>
                        </p>
                        <p class="detail-option-btn">
                            <button class="buy-now" type="button" data-stock="" data-login="buyNow" id="buy-now">立即购买
                            </button>
                            <button class="join-cart" type="button" data-login="joinCart" id="add-car">加入购物车</button>
                        </p>
                        <p class="detail-option-guarantee">
                        </p>
                        <div class="share-wrap">
                            <a class="share" href="#none"><i></i>分享</a>
                            <div class="share-content">
                                <span class="share-top-1">◆</span><span class="share-top-2">◆</span>
                                <a class="icon-share i-myq" href="javascript:void(0);"></a>
                                <a class="icon-share i-weibo" href="javascript:void(0);"></a>
                                <a class="icon-share i-wechat" href="javascript:void(0);"></a>
                                <a class="icon-share i-zone" href="javascript:void(0);"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <div class="shop-datail">
            <h4><span>商品详情</span></h4>
            <div class="shop-datail-pic">
                {{each descContentList imglist}}
                    <img src="{{imglist.image.url}}" alt="">
                {{/each}}
            </div>
        </div>
        </script>
        
        <script type="text.html" id="shop-product-template">
            <div class="crumbs">
                <a href="javascript:;">&lt;返回</a>
            </div>
            <div class="detail-intro">
                <div class="intro-left">
                    <div class="small-box">
                        <img src="{{image}}" alt="">
                        <span></span>
                    </div>
                    <div class="big-box">
                        <img src="{{image}}" alt="">
                    </div>
                    <ul class="detail-thumbnail">
                        {{each photo img,index}}
                        <li  class="{{index ===0 ? 'ac' : ''}}">
                            <img src="{{img.url}}" alt="">
                        </li>
                        {{/each}}
                    </ul>
                </div>
                <div class="intro-right">
                    <h3 class="commodity-title" data-status="1" data-id="53">{{title}}</h3>
                    {{if product_description!=null}}
                    <p class="intro-content">{{product_description}}</p>
                    {{else}}<p class="intro-content">暂无结束</p>
                    {{/if}}
                    <div id="detailOption" class="detail-option" data-id="53">
                        <div class="detail-block">
                            <!--价格和限时折扣提示-->
                            <p class="detail-option-price">
                            <span><span id="presentPrice" class="present-price">￥ {{price}}</span><span id="originPrice" class="origin-price"></span></span>
                            </p>
                            <p class="server-intro">
                                <label>服务：</label>
                                <span>无忧售后</span>
                                <span>100%官网正品</span>
                                <span>每单69元包邮</span>
                            </p>
                        </div>  
                        <p class="detail-option-num">
                            <label data-stock="291">数量：</label>
                            <span class="option-num-reduce"><i></i></span>
                                <input class="detail-commodity-num" type="text" value="1">
                            <span class="option-num-add"><i></i></span>
                        </p>
                        <p class="detail-option-btn">
                            <button class="buy-now" type="button" data-stock="" data-login="buyNow" id="buy-now">立即购买
                            </button>
                            <button class="join-cart" type="button" data-login="joinCart" id="add-car">加入购物车</button>
                        </p>
                        <p class="detail-option-guarantee">
                        </p>
                        <div class="share-wrap">
                            <a class="share" href="#none"><i></i>分享</a>
                            <div class="share-content">
                                <span class="share-top-1">◆</span><span class="share-top-2">◆</span>
                                <a class="icon-share i-myq" href="javascript:void(0);"></a>
                                <a class="icon-share i-weibo" href="javascript:void(0);"></a>
                                <a class="icon-share i-wechat" href="javascript:void(0);"></a>
                                <a class="icon-share i-zone" href="javascript:void(0);"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shop-datail">
                <h4><span>商品详情</span></h4>
                <div class="shop-datail-pic">
                    {{each photo imglist}}
                        <img src="{{imglist.url}}" alt="">
                    {{/each}}
                </div>
            </div>
        </script>
    </main>
    <footer></footer>
    <script src="/libs/require/require.js" data-main="/js/shopList"></script>
</body>
</html>